<ion-content class="ion-padding">
  <!-- 默认的徽章 -->
  <ion-badge>42</ion-badge>
  <!-- ionic中 hr 只起到换行作用 -->
  <hr>
  <!-- <ion-badge color="red">42</ion-badge> -->
  <!-- Colors -->
  <ion-badge color="primary">11</ion-badge>
  <ion-badge color="secondary">22</ion-badge>
  <ion-badge color="tertiary">33</ion-badge>
  <ion-badge color="danger">44</ion-badge>
  <ion-badge color="warning">55</ion-badge>
  <ion-badge color="success">66</ion-badge>
  <ion-badge color="dark">77</ion-badge>
  <ion-badge color="medium">88</ion-badge>
  <ion-badge color="light">99</ion-badge>

  <!-- Item with badge on left and right -->
  <!-- <ion-item>
    <ion-badge slot="start">11</ion-badge>
    <ion-label>My Item</ion-label>
    <ion-badge slot="end">22</ion-badge>
  </ion-item> -->
</ion-content>
